html,body{
  width:100%;height: 100%;
}
body{
  background: url(../images/demand.png) no-repeat center;
  background-size: 100% 100%;
  background-attachment:fixed;
  //background: red;
}
//导航部分
.navbar{
  width: 100%;
  position: fixed;
  top:0;
  background: linear-gradient(to bottom,grey,transparent);
  z-index: 999;
  .nav{
    width: 1200px;
    margin:0 auto;

    .logo{
      margin-top: 26px;
      width: 384px;
      float: left;
    }
    nav{

      float: right;
      ul{
        font-size: 16px;
        li{
          float: left;
          a{
            display: inline-block;
            color: white;
            height: 80px;
            line-height: 80px;
            margin-left: 60px;
            //padding: 30px;
          }
        }
        .login{
          border: 1px solid white;

          width: 98px;
          text-align: center;
          margin-top:20px;
          border-radius: 5px;
          height: 40px;
          line-height: 40px;
          //&:hover{
          //  background: #00f0d1;
          //  border: 1px solid #00f0d1;
          //  color: white;
          //
          //}
        }
        .active{
          color: #00f0d1;
          border-bottom: 2px solid #00f0d1;
        }
      }
    }
  }
}
header{
  color: white;
  height: 100%;
  //min-height: 700px;
  position: relative;
  overflow: hidden;
//position: absolute;
//  top:0;
  .banner{
     min-width: 1280px;
    height: 100%;
    //height: 900px;
    //background: url(../images/index-banner.png) no-repeat top center;
    //background-size:100% 100%;
    position: absolute;
    top:0;
    z-index: -1;
  }
  .top-content{
    width: 1200px;

    height: 54%;
    position:absolute;
    left: 0;
    right: 0;
    top:80px;
    bottom: 0;
    margin:auto;
    //  text
    .text{
        //position: absolute;

      .title{

        //padding-top: 16%;

        font-size: 50px;
      }
      .small-title{
        margin-top: 5%;
        font-size: 18px;
        line-height:32px;
      }
    }
  //  登录后台
    .login-backstage{
      margin-top: 5%;
      width: 200px;
      height: 56px;
      text-align: center;
      line-height: 56px;
      color: white;
      font-size: 20px;
      border-radius: 4px;
      background: #00f0d0;
    }

  }
}

.div{
  background: white;
  overflow: hidden;
}

//公寓运营商面临着那些问题
.div1{
  padding-bottom: 100px;
}
.problem{
  width:600px;
  background: url(../images/problem.png) no-repeat center;
  text-align: center;
  font-size: 36px;
  color: #333;
  padding: 26px 64px;
  margin: 0 auto;

}
.line{
  width: 60px;
  height: 4px;
  margin: 20px auto;
  background: #08cbb2;
}


.pain-point{
  width: 1200px;
  margin: 0 auto;

  li{
    width: 300px;
    text-align: center;
    float: left;
    img{
      height: 64px;
    }
    p{
      margin-top:50px;
      color: #333;
      line-height: 34px;
      font-size: 18px;
    }
  }
}
.pain-point{
  margin-top: 100px;
}
//产品核心价值
.core-value{
  //position: relative;
  //margin-top: 100px;
  height: 772px;
  //padding-top:100px ;
  overflow: hidden;
  //-----------------------------------------------------------------------------------------------------------
  background: url(../images/core-value.png) no-repeat center 100%;
  //产品核心价值标题
  .value{

    width:426px;
    background: url(../images/value.png) no-repeat center;
    text-align: center;
    font-size: 36px;
    color: white;
    padding: 26px 64px;
    margin: 0 auto;
    margin-top: 100px;

  }
  .line{
    width: 60px;
    height: 4px;
    margin: 20px auto;
    background: white;
  }
  .info{
    margin-top: 30px;
    color: white;
    text-align: center;
    font-size: 16px;
  }
  ul{
    width: 1200px;
    margin: 0 auto;
    margin-top: 100px;
    li:nth-child(odd){
      margin-left: 22px;
      width: 180px;
      background: white;
      text-align: center;
      padding-bottom: 36px;
      float: left;
      img{
        margin-top: 60px;
      }
      .dist{

        width: 36px;height: 36px;
        text-align: center;
        line-height: 36px;
        background: #02caaf;
        color: white;
        margin: 0 auto;
        margin-top: 60px;
        border-radius: 50%;
        position: relative;
        z-index: 3;
      }
      .hr{
        margin-top: -18px;
        border: 1px solid #f0f0f0;
        position: relative;
        z-index: 1;
      }
      .gai{
        width:46px;
        height: 36px;
        margin: 0 auto;
        background: white;
        margin-top: -36px;
        position: relative;
        z-index: 2;

      }
      p{
        margin-top: 30px;
        font-size: 16px;
        color: #02caaf;

      }
    }
    li:nth-child(1){
      margin-left: 0;
    }
    li:nth-child(even){
      margin-left: 22px;
      width: 180px;
      background: #02caaf;
      text-align: center;
      padding-bottom: 36px;
      float: left;
      img{
        margin-top: 60px;
      }
      .dist{

        width: 36px;height: 36px;
        text-align: center;
        line-height: 36px;
        background: #02caaf;
        color: white;
        margin: 0 auto;
        margin-top: 55px;
        border-radius: 50%;
        position: relative;
        z-index: 3;
        border: 5px solid white;
      }
      .hr{
        margin-top: -23px;
        border: 1px solid #f0f0f0;
        position: relative;
        z-index: 1;
      }

      p{
        margin-top: 30px;
        font-size: 16px;
        color: white;

      }
    }
  }
}
//  全局功能点
.div{
  padding-top: 100px;
  overflow: hidden;
}
#location{
  position: relative;
}
// 全局功能点标题
.location{
  width:426px;
  background: url(../images/location.png) no-repeat center;
  text-align: center;
  font-size: 36px;
  color: #333;
  padding: 26px 64px;
  margin: 20px auto;


}

//免费入驻标题
.join{
  padding-top: 0.83rem;
  width:426px;
  background: url(../images/join-.png) no-repeat center;
  text-align: center;
  font-size: 36px;
  color: #333;
  padding: 26px 64px;
  margin: 0 auto;

}
.line{
  width: 60px;
  height: 4px;
  margin: 20px auto;
  background: #02cab0;
}
//全局功能点内容
.location-content{
  width: 1200px;
  margin: 0 auto;
  margin-top: 100px;
  padding-bottom: 100px;
  .show{
    float: left;
    position: relative;
    .computer{

      width: 600px;height: 484px;
      position: absolute;
      top:0;left:0;
      background: url(../images/computer.png) no-repeat 100% 100%;
      img{
        width: 550px;
        height: 300px;
        position: absolute;
        left:25px;top:20px;
      }
    }
    .iphone{
      position: absolute;
      top:100px;left:400px;

      .iphone-img{
        width: 350px;
        position: absolute;
        z-index: 333;
      }
      //background: url(../images/iphone.png) top center;
      .img1{
        width: 165px;
        height: 292px;
        //height: 310px;
        position: absolute;
        left:93px;top:47px;
        z-index: 444;
      }
    }

  }
  .icon{
    width: 480px;
    float: left;
    padding-top: 40px;
    margin-left: 740px;

    .demo{
      width: 120px;
      text-align: center;
      float: left;

      margin-bottom: 50px;
      img{
        width: 70px;height: 70px;

      }
      p{

        margin-top: 12px;
        font-size: 14px;
        color: #666;
        text-align: center;
      }
    }


  }
}
//8大模块
.module-eight{
  background: url(../images/modular-1.png) no-repeat right center;
  background-size: auto 100%;
  //margin-top: 1.1rem;
  height: 9.6rem;
  position: relative;
  overflow: hidden;
  //padding-top: 5%;
  //overflow: hidden;
//  //背景
  .bg{
    position: absolute;
    top:0;
    //height: 9.1rem;
    height: 100%;
    width: 56%;
    //padding-bottom: 100px;
    //overflow: hidden;
    .bg-img{
      width: 100%;
      height: 100%;
      position: absolute;

      z-index: 5;
    }

    ul{
     position: relative;
      z-index:8;
      top:2.85rem;
     // margin-top: 200px;
      float: right;

      li{
        position: relative;
        z-index: 10;
        color: white;
        margin-bottom: 0.7rem;
        //top:0.67rem;
        .con-l{
          //width: 100%;
          width: 60%;
          text-align: right;
          float: right;
          .title{
            font-size: 0.16rem;
          }
          .text{
            margin-top: 0.28rem;
            font-size: 0.12rem;
            line-height: 0.22rem;
          }
        }
        img{
          width: 0.45rem;
          float: right;
          margin-left: 0.23rem;
          position: relative;

        }
      }
      li:nth-child(1){

        right: 1.4rem;
      }
      li:nth-child(2){
        right: 1.73rem;
      }
      li:nth-child(3){
        right: 2.13rem;
      }
      li:nth-child(4){
        right: 2.5rem;
      }
    }
  }
  .bd{
    position: absolute;
    width: 10rem;
    z-index: 2;
    height: 100%;
    //height: 9.1rem;
    overflow: hidden;
    top:0;
    right:0;
    transform-origin: center;
    img{
      width: auto;
      float: right;
      height: 100%;
      transition: 0.5s;
      &:hover{
        transform: scale(1.1,1.1);

      }
    }
//
//
  }
//  //标题
  .modular{
position: relative;
    //top:0.83rem;
    width:426px;

    background: url(../images/modular.png) no-repeat center;
    text-align: center;
    font-size: 36px;
    color: white;
    padding: 26px 64px;
    margin: 0 auto;
    margin-top: 1rem;
z-index: 5;
  }
  .line8{
    position: relative;
   top:30px;
    width: 60px;
    height: 4px;
    margin: 0 auto;
    background: white;
    z-index: 5;
  }

}

.module-eight2{

  //background: url(../images/modular-2.png) no-repeat left center;
  background-size:auto 100%;
  position: relative;
  height:7.67rem;
  //margin-top:8.22rem;
  //padding-bottom: 100px;


  //背景
  .bg {
    position: absolute;
    height: 100%;
    width: 57.5%;
    overflow: hidden;
    z-index: 3;
    right: 0;
    .bg-img {
      width: 100%;
      height:100%;
      position: absolute;
    }

    ul {
      position: absolute;
      left: 0;
      z-index: 8;
      top: 0.9rem;
      float: right;

      li {
        position: relative;
        z-index: 10;
        color: white;
        margin-bottom: 0.7rem;
        //top:0.67rem;
        .con-l {
          width: 60%;
          text-align: left;
          float: left;
          .title {
            font-size:0.16rem;
          }
          .text {
            margin-top: 0.28rem;
            font-size: 0.12rem;
            line-height: 0.22rem;
          }
        }
        img {
          width: 0.45rem;
          float: left;
          margin-right: 0.23rem;
          position: relative;

        }
      }
      li:nth-child(1) {

        left: 1.1rem;
      }
      li:nth-child(2) {
        left: 1.47rem;
      }
      li:nth-child(3) {
        left: 1.97rem;
      }
      li:nth-child(4) {
        left: 2.47rem;
      }
    }
  }

  .bd{
    position: absolute;
    width: 10rem;
    z-index: 2;
    height: 100%;
    overflow: hidden;
    top:0;
    left:0;
    transform-origin: center;
    img{
      width: 100%;
      height: 100%;
      transition: 0.5s;
      &:hover{
        transform: scale(1.1,1.1);

      }
    }


  }


}

//系统满足行业各种需求
.demand{
  //height: 750px;
  background: transparent;
  //background-size: 100% 100%;
  .demand-content{
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 100px;
    overflow: hidden;
    //标题
    .modulars{

      width:530px;
      background: url(../images/satisfy.png) no-repeat center;
      text-align: center;
      font-size: 36px;
      color: white;
      padding: 26px 64px;
      margin: 0 auto;
      margin-top: 100px;

    }
    .liness{

      width: 60px;
      height: 4px;
      margin: 0 auto;
      margin-top: 20px;
      background: white;
      //margin-bottom: 100px;
    }
    ul{
      padding-top: 100px;
      //overflow: hidden;
      li{
        width:400px;
        float: left;
        text-align: center;

        img{
          width:172px;
        }
        p{
          margin-top: 30px;
          font-size: 24px;
          color: white;
        }
      }
    }
  }
}
//app业务端
.app-bussiness{
  background: white;
  padding-bottom: 88px;
  .app-content{
    width: 1200px;
    margin: 0 auto;
    .app{
      margin-top: 94px;
      width:528px;
      float: left;
      //margin-right: 1.58rem;
    }
    .info-right{
      float: right;
      margin-right: 60px;
      //标题
      .title{
        margin-top: 222px;
        //margin-left: 60px;
        .bussiness{
          width:426px;
          background: url(../images/business.png) no-repeat left;
          font-size: 36px;
          color: #333;
          padding:26px 0;
          }
        .lineyw{
          width: 60px;
          height: 4px;
          //margin: 0 auto;
          background:#02caaf;
          margin:20px 0 ;


        }
      }
      p{
        margin-top: 40px;
        color: #808080;
        font-size: 16px;
        //margin-left: 60px;
        line-height: 36px;
      }
    }
  }
}

//微信租客端
.weixin{
  background: #f7f7f7;
  padding-bottom: 88px;
  .weixin-content{
    width: 1200px;
    margin: 0 auto;
    .wx{
      margin-top: 94px;
      width: 524px;
      float: right;
      //margin-right: 1.58rem;
      margin-left: 60px;
    }
    .info-left{
      float: left;
      width: 528px;
      //margin-right: 1rem;
      //标题
      .title{
        margin-top: 168px;
        float: right;
        position: relative;
        .bussiness{
          width:528px;
          background: url(../images/weixin.png) no-repeat right;

          font-size: 36px;
          text-align: right;
          color: #333;
          padding: 26px 0;
        }
        .lines{
          position: absolute;
          top:120px;
          right: 0;
          width: 60px;
          height: 4px;
          //margin: 0 auto;
          background:#02caaf;



        }

      }
      p{
        clear: both;
        padding-top: 84px;
        color: #808080;
        text-align: right;
        line-height: 36px;
        font-size: 16px;

      }
    }
  }
}
//行业发展趋势
.development{
  height: 720px;
  position: relative;
  .title{
    //width: 600px;

    position: absolute;
    left: 0;right: 0;
    margin: auto;
    top:100px;
    .trend{
      width:600px;
      background: url(../images/trend.png) no-repeat center;
      text-align: center;
      font-size: 36px;
      color: white;
      padding: 26px 64px;
      margin: 0 auto;

    }
    .lineqs{
      width: 60px;
      height: 4px;
      margin: 20px auto;
      background: #08cbb2;
    }
  }
  .development-left{
    color: white;
    width: 50%;
    background: url(../images/fz-z.png) no-repeat center;
    background-size: auto 100%;
    transition: 0.5s;
    &:hover{
      background-size: auto 110%;
    }
    height: 720px;
    float:left;
    .titles{
      font-size: 28px;
      margin-top: 306px;
      text-align: right;
      margin-right: 80px;
    }
    .infos{
      margin-top: 70px;
      font-size: 16px;
      line-height: 40px;
      text-align: right;
      margin-right: 80px;
    }
  }
  .development-right{
    color: white;
    width: 50%;
    height: 720px;
    background: url(../images/fz-r.png) no-repeat center;
    background-size: auto 100%;
    transition: 0.5s;
    &:hover{
      background-size: auto 110%;
    }
    float:left;
    .titles{
      font-size: 28px;
      margin-top: 306px;

      margin-left: 80px;
    }
    .infos{
      margin-top: 70px;
      font-size: 16px;
      line-height: 40px;

      margin-left: 80px;
    }
  }
}
//领军与专业
.command{
  background: #f7f7f7;
  padding-top: 100px;
  position: relative;
  overflow: hidden;
  .command-title{
    width:600px;
    background: url(../images/leader.png) no-repeat center;
    text-align: center;
    font-size: 36px;
    color: #333;
    padding: 26px 64px;
    margin: 0 auto;

  }
  .linezy{
    width: 60px;
    height: 4px;
    margin: 20px auto;
    background: #08cbb2;
  }
  ul{
    width: 1200px;
    margin: 0 auto;
    li{
      width: 300px;
      font-size: 18px;
      color: #333;
      //height: 32px;
      float: left;
      text-align: center;
      padding: 100px 0 106px;
      //overflow: hidden;
      p{
        margin-top: 30px;

      }
    }
  }
  .dt-img{
    width: 100%;
    position: absolute;
    //overflow: hidden;
    height: 230px;
    bottom: 0;
    .show-bg{
      width: 200%;

      position: absolute;
      bottom: 0;
      img{
        width: 50%;
        height: auto;
        float: left;
      }

    }
  }
  .dt-img1{
    width: 100%;
    position: absolute;
    //overflow: hidden;
    height: 230px;
    left:0;
    bottom: 0;
    .show-bg{
      width: 200%;
      position: absolute;
      bottom: 0;
      img{
        width: 50%;
        height: auto;
        float: left;
      }

    }
  }
  //.dt-img1{
  //  width: 200%;
  //  img{
  //    width: 100%;
  //  }
  //  width: 100%;
  //  position: absolute;
  //  //overflow: hidden;
  //  height: 230px;
  //  bottom: 0;
  //}
}
//合作
.cooperation{
  background: #f7f7f7;
  padding-top: 102px;
  position: relative;
  .cooperation-title{
    width:600px;
    background: url(../images/cooperation.png) no-repeat center;
    text-align: center;
    font-size: 36px;
    color: #333;
    padding: 26px 64px;
    margin: 0 auto;

  }
  .linehz{
    width: 60px;
    height: 4px;
    margin: 20px auto;
    background: #08cbb2;
  }
//  伙伴
  .partner{
    //172
    width: 170px;
    margin: 0 auto;
    margin-top: 50px;
    font-size: 24px;
    color: #333;
    p{
      width: 40px;
      height: 2px;
      background: #cfcfcf;
      float: left;
      margin-top: 12px;
    }
    span{float: left;margin: 0 20px;}
  }
  .partner:nth-child(2){
    margin-top: 68px;
  }
  .menu{
    margin: 0 auto;
    margin-top: 50px;
    width: 660px;

    li{
      width: 120px;
      height: 50px;
      border-radius: 25px;
      font-size: 20px;
      text-align: center;
      line-height: 50px;
      float: left;
      background: #cfcfcf;
      color: white;
      margin-left: 60px;
      cursor: pointer;
    }
    li:nth-child(1){
      margin-left: 0;
    }
    .active{
      background: #02caaf;

    }
  }
  //伙伴
  .hb{
    width: 1018px;
    margin: 0 auto;
    margin-top: 50px;
    li{
      width: 218px;
      height: 94px;
      float: left;
      margin-left: 26px;
      cursor: pointer;
      img{
        width: 100%;
        height: 100%;
      }
    }
    li:nth-child(1){
      margin-left: 0;
    }
  }
  .hb4{
    width: 1200px;
    margin: 0 auto;
    margin-top: 50px;
    li{
      width: 218px;
      height: 94px;
      float: left;
      margin-left: 26px;
      img{
        width: 100%;
        height: 100%;
      }
    }
    li:nth-child(1){
      margin-left: 0;
    }
  }
  .hb3{
    width: 1200px;
    margin: 0 auto;
    margin-top: 50px;
    li{
      width: 218px;
      height: 94px;
      float: left;
      margin-left: 26px;
      img{
        width: 100%;
        height: 100%;
      }
    }
    li:nth-child(1){
      margin-left: 0;
    }
  }
  .hb2{
    width: 462px;
    margin: 0 auto;
    margin-top: 50px;
    li{
      width: 218px;
      height: 94px;
      float: left;
      margin-left: 26px;
      img{
        width: 100%;
        height: 100%;
      }
    }
    li:nth-child(1){
      margin-left: 0;
    }
  }
//  客户
  .customer{
    width: 1200px;margin: 0 auto;
    margin-top: 10px;
    padding-bottom: 100px;
    ul{
      li{
        width: 218px;height: 94px;
        margin-left: 26px;
        margin-top: 26px;
        float: left;
        cursor: pointer;
        img{
          width: 100%;height: 100%;
        }
      }
      li:nth-child(1){
        margin-left: 0;
      }
    }

  }
}
//app下载
.app-download{
  //height: 660px;
  color: white;
  .app-left{
    width: 45%;
    background: #00bca4;
    padding-bottom: 140px;
    float: left;
     //height: 100%;
    .left-content{

      width: 510px;
      float: right;
      margin-right: 30px;
      .title{
        padding-top: 100px;
        .bussiness{
          width:426px;
          height: 90px;
          background: url(../images/download.png) no-repeat left;
          font-size: 36px;
          //color: #333;
          //padding:26px 0;
          line-height: 90px;
        }
        .line{
          width: 60px;
          height: 4px;
          //margin: 0 auto;
          background:white;
          margin:20px 0 ;
        }
      }
      .small-title{
        font-size: 36px;
        margin-top: 90px;
      }
      .text{
        margin-top: 60px;
        font-size: 18px;
        line-height: 38px;
      }
    }

  }
  .app-right{
    width: 55%;
    height:701px;
    float: left;
    background: url(../images/load-pic.png) no-repeat center;
    //padding-bottom: 200px;
    background-size: auto 100% ;
    transition: 0.5s;
    &:hover{
      //transform: scale(1.5,1.5);
      background-size:auto 110% ;
    }
    ul{
      margin-left: 20px;
      bottom: 0;
      margin: auto;
      li{
        width: 33%;
        float: left;
        text-align: center;

        //margin: 0 20px;
        margin-top: 214px;
        img{
          width: 200px;
        }
        p{
          margin-top: 42px;
          font-size: 24px;
        }
      }
    }
  }
}


//  免费入住
//.join{
//  padding-top: 0.83rem;
//  width:426px;
//  background: url(../images/join-.png) no-repeat center;
//  text-align: center;
//  font-size: 36px;
//  color: #333;
//  padding: 26px 64px;
//  margin: 0 auto;
//
//}
//.linerz{
//  width: 60px;
//  height: 4px;
//  margin: 20px auto;
//  background: #02cab0;
//}
//// 输入
//.from{
//  width: 1280px;
//  margin: 20px auto;
//  from{
//    input{
//      width: 570px;
//
//      height: 46px;
//      line-height: 46px;
//      border: 1px solid #ebebeb;
//      float: left;
//      padding-left: 50px;
//
//      margin-top: 34px;
//    }
//    .term{
//      .term-left{
//        float: left;
//      }
//      .term-right{
//        float:right;
//      }
//    }
//    .term:nth-child(1){
//      .term-left{
//        background:#f5f5f5 url(../images/name.png) no-repeat 20px center;
//      }
//      .term-right{
//        background:#f5f5f5 url(../images/apartment.png) no-repeat 20px center;
//      }
//    }
//    .term:nth-child(2){
//      .term-left{
//        background:#f5f5f5 url(../images/telephone.png) no-repeat 20px center;
//      }
//      .term-right{
//        background:#f5f5f5 url(../images/fwnum.png) no-repeat 20px center;
//      }
//    }
//    .term:nth-child(3){
//      position: relative;
//      .term-left{
//        background:#f5f5f5 url(../images/city.png) no-repeat 20px center;
//      }
//      .term-right{
//        background:#f5f5f5 url(../images/code.png) no-repeat 20px center;
//
//      }
//      .code{
//        width: 110px;
//        height: 34px;
//        border: 1px solid #ccc;
//        background: white;
//        position: absolute;
//        right: 66px;
//        bottom: 6px;
//      }
//      span{
//        display: inline-block;
//        color: #acacac;
//        font-size: 12px;
//        position: absolute;
//        right: 14px;
//        bottom: 8px;
//        cursor: pointer;
//      }
//    }
//    //  提交信息
//    .submit{
//      width: 1280px;
//      margin: 0 auto;
//      //margin: 60px auto;
//      text-align: center;
//
//      font-size: 14px;
//      color: #999;
//      margin-top: 60px;
//      padding-bottom: 160px;
//      //height: 200px;
//      p{
//        line-height: 20px;
//      }
//      .submit-buttom{
//
//        //margin: 0 auto;
//        position: absolute;
//        left: 0;right: 0;margin: auto;
//        margin-top: 36px;
//        width: 200px;
//        padding-left: 0;
//        height: 56px;
//        background: #02cab0;
//        font-size: 20px;color: white;
//        border-radius: 3px;
//      }
//    }
//  }
//
//}

.other{
  background: #f7f7f7;
  padding: 60px 0;
  ul{
    width: 1200px;
    margin: 0 auto;
    height: 180px;
    font-size: 12px;
    color: #666;
    li{
      float: left;
      width: 200px;
      text-align: center;
      p{
        margin-top: 30px;
      }
    }
  }
}


//尾部 footer
.footer{

  background: #2d2e2e;
  color: #777;
  .footer-content{
    width: 1200px;
    margin: 0 auto;
    .information{
      border-bottom: 1px solid #3a3a3a;
      padding: 60px 0;
      width: 100%;
    .footer-center{
      width: 600px;
      margin: 0 auto;
      dl{
        float: left;
        dt{

          font-size: 16px;
          color: white;
        }
        dd{
          margin-top: 38px;
          font-size: 14px;
          line-height: 34px;
        }
      }

      dl:nth-child(2){
        float: right;
        text-align: center;
        dt{
          width: 130px;height: 130px;
          img{
            width: 100%;
          }
        }


      }
    }


    }
    //.information:after{
    //  display: block;
    //  clear: both;
    //  content: '';
    //}
    .qykj{
      font-size: 12px;
      //margin: 42px auto;
      text-align: center;
      padding: 42px 0;
    }
  }
}

@media screen and(max-width:1300px){

  //8大模块
  .module-eight{
    background: url(../images/modular-1.png) no-repeat right center;
    background-size: auto 100%;
    //margin-top: 1.1rem;
    height: 9.8rem;
    position: relative;
    overflow: hidden;
    //padding-top: 5%;
    //overflow: hidden;
    //  //背景
    .bg{
      position: absolute;
      top:0;
      //height: 9.1rem;
      height: 100%;
      width: 56%;
      //padding-bottom: 100px;
      //overflow: hidden;
      .bg-img{
        width: 100%;
        height: 100%;
        position: absolute;

        z-index: 5;
      }

      ul{
        position: relative;
        z-index:8;
        top:3rem;
        // margin-top: 200px;
        float: right;

        li{
          position: relative;
          z-index: 10;
          color: white;
          margin-bottom: 0.5rem;
          //top:0.67rem;
          .con-l{
            //width: 100%;
            width: 60%;
            text-align: right;
            float: right;
            .title{
              font-size: 0.16rem;
            }
            .text{
              margin-top: 0.28rem;
              font-size: 0.12rem;
              line-height: 0.22rem;
            }
          }
          img{
            width: 0.45rem;
            float: right;
            margin-left: 0.23rem;
            position: relative;

          }
        }
        li:nth-child(1){

          right: 1.4rem;
        }
        li:nth-child(2){
          right: 1.73rem;
        }
        li:nth-child(3){
          right: 2.13rem;
        }
        li:nth-child(4){
          right: 2.5rem;
        }
      }
    }
    .bd{
      position: absolute;
      width: 10rem;
      z-index: 2;
      height: 100%;
      //height: 9.1rem;
      overflow: hidden;
      top:0;
      right:0;
      transform-origin: center;
      img{
        width: auto;
        float: right;
        height: 100%;
        transition: 0.5s;
        &:hover{
          transform: scale(1.1,1.1);

        }
      }
      //
      //
    }
    //  //标题
    .modular{
      position: relative;
      //top:0.83rem;
      width:426px;

      background: url(../images/modular.png) no-repeat center;
      text-align: center;
      font-size: 36px;
      color: white;
      padding: 26px 64px;
      margin: 0 auto;
      margin-top: 1rem;
      z-index: 5;
    }
    .line8{
      position: relative;
      top:30px;
      width: 60px;
      height: 4px;
      margin: 0 auto;
      background: white;
      z-index: 5;
    }

  }

  .module-eight2{

    //background: url(../images/modular-2.png) no-repeat left center;
    background-size:auto 100%;
    position: relative;
    height:7.87rem;
    //margin-top:8.22rem;
    //padding-bottom: 100px;


    //背景
    .bg {
      position: absolute;
      height: 100%;
      width: 57.5%;
      overflow: hidden;
      z-index: 3;
      right: 0;
      .bg-img {
        width: 100%;
        height:100%;
        position: absolute;
      }

      ul {
        position: absolute;
        left: 0;
        z-index: 8;
        top: 1rem;
        float: right;

        li {
          position: relative;
          z-index: 10;
          color: white;
          margin-bottom: 0.5rem;
          //top:0.67rem;
          .con-l {
            width: 60%;
            text-align: left;
            float: left;
            .title {
              font-size:0.16rem;
            }
            .text {
              margin-top: 0.28rem;
              font-size: 0.12rem;
              line-height: 0.22rem;
            }
          }
          img {
            width: 0.45rem;
            float: left;
            margin-right: 0.23rem;
            position: relative;

          }
        }
        li:nth-child(1) {

          left: 1.1rem;
        }
        li:nth-child(2) {
          left: 1.47rem;
        }
        li:nth-child(3) {
          left: 1.97rem;
        }
        li:nth-child(4) {
          left: 2.47rem;
        }
      }
    }

    .bd{
      position: absolute;
      width: 10rem;
      z-index: 2;
      height: 100%;
      overflow: hidden;
      top:0;
      left:0;
      transform-origin: center;
      img{
        width: 100%;
        height: 100%;
        transition: 0.5s;
        &:hover{
          transform: scale(1.1,1.1);

        }
      }


    }


  }

}